<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.d1{
				border: 1px solid #CCCCCC;
				display: none;
				width: 45px;
				height: 70px;
			}
			.d2,.d3{
				border-bottom: 1px solid #CCCCCC;
			}
			.d4{
				cursor:pointer;
			}
		</style>
	</head>
	<body>
		<input type="button" id="p1" value="输入法" />
		<div class="d1">
			<div class="d2">拼音</div>
			<div class="d3">手写</div>
			<div class="d4">关闭</div>
		</div>
		<script type="text/javascript">
			$(function(){
				$("#p1").click(function(){
					$(".d1").show(200);
				})
				$(".d4,.d2,.d3").click(function(){
					$(".d1").hide(200);
				})
			})
		</script>
	</body>
</html>
